<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新闻</title>
</head>

<!--
案例一学习标签
1.标题标签      <h1~h6></h1~h6>
2.字体标签       <font></font>
                    size    大小 1-7
                    color   颜色
                    face    字体类型
3.斜体标签      <i></i>  <em></em>
4.加粗标签      <strong> <b>   下划线   <u>
5.分割线标签     <hr/>
6.段落标签      <p></p>
7.列表标签
    无序列表 <ul></ul>
        属性: disc 实心圆 circl空心圆 square实心方块
        列表项    <li></li>
    有序列表    <ol><ol/>
        属性: type-列表样式     start-起始位置
        列表项    <li></li>

-->
<!--style写的是css代码-->
<style>
    body{
        /*显示边框*/
        border: 1px solid black;
        /*宽屏 占据屏幕多少 设置body的宽度*/
        width: 60%;
        /*高度 500像素 设置body的高度 该属性不用设置  会随着body的内容自动扩容*/
        height: 500px;
        /*边框外边距*/
        margin: auto;
    }
    .img{
        /*显示边框*/
        border: 1px solid black;
        /*宽屏 占据屏幕多少 设置body的宽度*/
        width: 60%;
        /*高度 500像素 设置body的高度 该属性不用设置  会随着body的内容自动扩容*/
        height: 500px;
        /*边框外边距*/
        margin: auto;
    }
    a{
    /*去掉超链接下划线*/
        text-decoration: none;

    }
    a:hover{
    /*鼠标悬浮样式控制*/
        color: red;
    }

</style>

<body>
<h1>支付宝特权福利!芝麻分600以上的用户,网友:幸福来得突然?</h1>
<i><font  color="gray">2020.10.24:</font></i>
<hr />
<h2>支付宝特权福利!芝麻分600以上的用户,网友:幸福来得突然?</h2>
<p>叫我我哦啊哦基调我骄傲绝地及哦啊玩加都打 按实际端午节阿基偶觉得我今晚我哦啊基金第九届我那件 </p>
<!--
         图片标签   <img>
         属性:
                src:指定图片路径
             外网路径   格式: 协议://IP地址:端口号
             本地路径   ./ 当前目录
                       ../返回上一级目录
                        /同级目录/文件名

-->
<!--<div class="img"><img src="../img/a.jpg" weihgt="450" height="450"></div>-->
<!--
         超链接标签  <a>
         属性   href :地址
                    外网路径   格式: 协议://IP地址:端口号
                    本地路径  ../同级目录/文件名
               target(默认_self当前页面)(_self当前页面,_blank新标签页)
 -->
<a href="https://www.baidu.com/">百度</a>
</body>
</html>